<template>
	<view>
		<view
		 class="cu-modal"
		 :class="show ? 'show' : ''"
		>
			<view class="cu-dialog">
				<view class="cu-bar bg-white justify-end">
					<view class="content">提示</view>
					<!-- <view
					 class="action"
					 @tap="tapModal('hideModal')"
					>
						<text class="cuIcon-close text-red"></text>
					</view> -->
				</view>
				<view>
					<form>
						<view class="cu-form-group" style="padding: 1rpx 50rpx">
							<view class="title">密码</view>
							<input
									 style="text-align: left"
							 v-model="password"
							 placeholder="请输入密码"
							 name="input"
							></input>
						</view>
					</form>
				</view>
				<view class="cu-bar bg-white justify-end">
					<view class="action">
						<!-- <button
						 class="cu-btn line-green text-green"
						 @tap="tapModal('cancleModal')"
						>取消</button> -->
						<button
						 class="cu-btn bg-green margin-left"
						 @tap="tapModal('confirmModal')"
						>确定</button>

					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'class_item_password',
		data() {
			return {
				password: ''
			}
		},
		props: {
			show: {
				type: Boolean,
			}
		},
		computed: {

		},
		onShow() {
			console.log('class-password onshow');
		},
		methods: {
			tapModal(type) {
				this.$emit('tapModal', {
					type: type,
					password: this.password
				})
			}
		}
	}
</script>

<style>
</style>
